<template>
    <div class="LiverHead">
        <div class="LiverHead-content">
            <div>
                <img src="/images/logo.png" alt="">
            </div>
            <div>
                <ul>
                    <li class="conetent-nav-my-center">
                        <el-menu class="el-menu-demo" mode="horizontal">
                            <el-submenu index="2">
                                <template slot="title">个人中心</template>
                                <el-menu-item >账号设置</el-menu-item>
                                <el-menu-item>个人信息</el-menu-item>
                                <el-menu-item >切换账号</el-menu-item>
                                <el-menu-item @click="Logout">退出登录</el-menu-item>
                            </el-submenu>
                        </el-menu>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name:'LiverHead',
    data(){
        return{

        }
    },
    methods:{
         Logout(){//退出登录
            localStorage.clear()
            this.$router.push({path:'/'})
        },
    }
}
</script>
<style lang="less" scoped>
    .LiverHead{
        position: relative;
        min-width: 1400px;
        max-width: 100%;
        height: 80px;
        background: #47CECF;
    }
    .LiverHead-content{
        position: relative;
        width: 1400px;
        margin: 0 auto;
        height: 80px;
        display: flex;
        align-items: center;
    }
    .LiverHead-content>div{
        width: 50%;
        &:last-child{
            width: auto;
            margin-left: auto;
        }
    }
    .LiverHead-content>div>ul{
        list-style: none;
        width: 100%;
        padding: 0;
        height: 80px;
        /deeep/.el-menu.el-menu--horizontal{
            border: none;
        }
    }
    .conetent-nav-my-center{
        text-align: center;
        /deep/ .el-menu-demo{
            width: 100%;
            background: none;
            border: none;
        }
    }
    .conetent-nav-my-center /deep/.el-submenu__title{
        width:120px!important;
        height:35px!important;
        background:rgba(255,255,255,1);
        border-radius:18px;
        margin-top: 20px!important;
        line-height: 40px!important;
        color: #64C6C9!important;
    }
</style>